/* stylelint-disable */

// 中性色彩
@white: #fff;
@gray-100: rgba(@black, 0.05); // 背景色
@gray-200: rgba(@black, 0.1); // 二级线条
@gray-300: rgba(@black, 0.15); // 一级线条
@gray-400: rgba(@black, 0.25); // 提示文字色，禁用文字
@gray-500: rgba(@black, 0.45); // 二级内容
@gray-600: rgba(@black, 0.65); // 一级内容
@gray-700: rgba(@black, 0.85); // 标题
@black: #000;

// 基础色板（自然颜色）
@red: #ef5350;
@orange: #ffa726;
@green: #43a047;
@blue: #0084ff;
@indigo: #6610f2;
@purple: #6f42c1;
@pink: #d63384;
@yellow: #fadb14;
@teal: #20c997;
@cyan: #17a2b8;

// 系统色板
@secondary: @gray-600;
@success: @green;
@info: @cyan;
@warning: @yellow;
@danger: @red;
@light: @gray-100;
@dark: @gray-700;

// 品牌色
@primary: @blue;
@primary-sub-100: rgba(@blue, 0.05);
@primary-sub-200: rgba(@blue, 0.1);
@primary-sub-300: rgba(@blue, 0.15);
@primary-sub-400: rgba(@blue, 0.25);
@primary-sub-500: rgba(@blue, 0.45);
@primary-sub-600: rgba(@blue, 0.65);
@primary-sub-700: rgba(@blue, 0.85);
@primary-darken: #0070d9; // 一级按钮Click

// 透明色
@tp-color: transparent;

// 主要字体家族（无衬线字体）
@font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';

// 等宽字体（对代码的展示有优势）
@font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
monospace;

// 默认字体
@font-family-base: @font-family-sans-serif;

// 字体大小
@font-size-12: 12px; // 注释说明
@font-size-14: 14px; // 正文
@font-size-16: 16px; // 小标题   浏览器默认字体大小
@font-size-18: 18px; // modal弹窗标题大小
@font-size-20: 20px; // ⻚面标题
@font-size-24: 24px; // 展示
@font-size-36: 36px; // 展示

// 字重
@font-weight-lighter: lighter;
@font-weight-light: 300;
@font-weight-normal: 400;
@font-weight-bold: 600;
@font-weight-bolder: bolder;
@font-weight-base: @font-weight-normal;

// 行高
@line-height-base: 1.5;
@line-height-lg: 2;
@line-height-sm: 1.25;

// 不同类型的 box shadow
@box-shadow-sm: 0 4px 10px rgba(2, 17, 30, 0.08); // 小
@box-shadow: 0 8px 20px rgba(2, 17, 30, 0.08); // 中
@box-shadow-lg: 0 12px 30px rgba(2, 17, 30, 0.08); // 大
@box-shadow-huge: 0 16px 35px rgba(2, 17, 30, 0.08); // 超大

// 圆角
@border-radius: 2px; // ⻚面容器、卡片、按钮通常一般使用圆⻆为2px
@border-radius-lg: 4px; // 弹窗容器通常使用圆⻆为4px

// body
//@body-bg: @gray-100;
@body-bg: #f2f3f5;
@container-bg: #fafafa;
